<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Title</title>
    <%@include file="/WEB-INF/views/commons/commons.jsp" %>

    <script src="/static/js/system/role.js"></script>
</head>
<body>
<table id="role_datagrid"></table>

<!--工具栏-->
<div id="tb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" data-cmd="add">添加</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" data-cmd="edit">编辑</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" data-cmd="remove">删除</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="reload">刷新</a>
</div>

<!--员工添加与编辑的对话框-->
<div id="role_dialog">
    <!--员工信息的form表单-->
    <form id="role_form" method="post" style="padding: 22px 0px 0px 30px;">
        <input type="hidden" id="roleId" name="id">
        <table style="border-collapse: separate;border-spacing: 10px;">

            <tr>
                <td>编号:</td>
                <td><input class="easyui-textbox" type="text" name="sn"></td>
                <td>名称:</td>
                <td><input class="easyui-textbox" type="text" name="name"></td>
            </tr>
            <tr>
                <td colspan="2"><div id="allPermissions"></div></td>
                <td colspan="2"><div id="selfPermissions"></div></td>
            </tr>

        </table>
    </form>
</div>

<!--员工添加有编辑的底部按钮-->
<div id="bb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" data-cmd="save">保存</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true" data-cmd="cancel">取消</a>
</div>


</body>
</html>
